<template>
  <div class="container">
    <router-link
    class="router-link"
    v-for="(route, index) in childrenRouterArr"
    :key="route" 
    :to="{ name: 'detail', params: {id: index+1}}">{{ route  }}</router-link>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  computed: {
    childrenRouterArr() {
      return new Array(100).fill('').map((ele, index) => `帖子${index + 1}`)
    }
  },
  methods: {
  },
}
</script>

<style lang="scss" scoped>
.container {
  .router-link {
    display: block;
    padding: 15px 5px;
  }
}
</style>
